<template>
  <div>
    <One :a="a"
      :b="b"
      :c="c"
      @fn1="fn1"
      @fn2="fn2"
      @fn3="fn3"></One>
  </div>
</template>

<script>
import One from './components/One'
export default {
  name: 'App',
  components:{
    
   One
  },
  data() {
    return {
      a:1,
      b:2,
      c:3
    };
  },

  mounted() {
    
  },

  methods: {
    fn1() {
      alert("fn1");
    },
    fn2() {
      alert("fn2");
    },
    fn3() {
      alert("fn3");
    },
  },
};
</script>

<style lang="scss" scoped>

</style>